﻿<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title>GoogleMaps</title>
    <!-- WinJS references -->
    <link href="//Microsoft.WinJS.1.0.RC/css/ui-dark.css" rel="stylesheet" />
    <script src="//Microsoft.WinJS.1.0.RC/js/base.js"></script>
    <script src="//Microsoft.WinJS.1.0.RC/js/ui.js"></script>

    <!-- GoogleMaps references -->
    <link href="/css/default.css" rel="stylesheet" />
    <script src="/js/default.js"></script>
</head>
<body>
    <iframe sandbox="allow-scripts" id="mapFrame" src="ms-appx-web:///gmap/map.html"
        style="width:100%; height:100%">

    </iframe>
    <div id="appBar" data-win-control="WinJS.UI.AppBar" data-win-options="{sticky:true, hidden:false}">
        <button data-win-control="WinJS.UI.AppBarCommand"
            data-win-options="{id:'cmdLocation', label:'Mi posición', icon:'world'}">
        </button>
    </div>
    <div id="commands" style="visibility:hidden; position:absolute;
                            background-color:rgba(0,0,0,0.5); 
                            top:15px; left:90px; width:450px;height:50px;
                            padding:5px; overflow-wrap:break-word;">&nbsp;</div>
</body>
</html>
